html{
    background: #F4F4F4;
}

.indexContent{
    width: 100%;
    overflow: hidden;
}

.indexContent ul li{
    width: 14.29rem;
    margin: 0.43rem auto;
    padding: 0.43rem;
    border-radius: 0.3rem;
    background: #ffffff;
    overflow: hidden;
}

.indexContent ul li .user{
    width: 100%;
    overflow: hidden;
}

.indexContent ul li .user .userPic{
    float: left;
    width: 1.32rem;
    height: 1.32rem;
    border-radius: 50%;
    overflow: hidden;
}

.indexContent ul li .user .userPic img{
    width: 1.32rem;
    height: 1.32rem;
}

.indexContent ul li .user .userName{
    float: left;
    margin-left: 0.45rem;
}

.indexContent ul li .user .userName p:nth-child(1){
    font-size:0.68rem;
    font-weight:bold;
}

.indexContent ul li .user .userName p:nth-child(1) span{
    vertical-align: middle;
    display: inline-block;
    width: 10rem;
    text-overflow: ellipsis;
    white-space: nowrap;/*不换行*/
    overflow: hidden;
}

.indexContent ul li .user .userName p:nth-child(1) img{
    width: 0.68rem;
    vertical-align: middle;
}

.indexContent ul li .user .userName p:nth-child(2){
    font-size:0.43rem;
    font-weight:400;
    color: #B1B1B1;
}

.indexContent ul li .brief{
    margin-top: 0.38rem;
}

.indexContent ul li .brief p:nth-child(1){
    font-size: 0.6rem;
    color: #808080;
    line-height: 0.9rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.indexContent ul li .brief p:nth-child(2){
    margin-top: 0.36rem;
}